/* 主题相关的CSS变量和样式 */
:root {
  --primary: #6E8CD5;
  --secondary: #89C4F4;
  --background: rgba(240, 245, 255, 0.8);
  --headerBg: linear-gradient(160deg, #89C4F4 0%, #6E8CD5 100%);
  --cardBg: #FFFFFF;
}

/* 主题预览样式 */
.theme-preview {
  width: 40rpx;
  height: 40rpx;
  border-radius: 50%;
  margin-right: 16rpx;
}

/* 使用主题变量的样式 */
.container {
  background: var(--background);
}

.header {
  background: var(--headerBg);
}

.todo-item {
  background: var(--cardBg);
}

.confirm-btn {
  color: var(--primary);
}

/* 其他使用主题色的样式 */
.action-btn {
  background: rgba(var(--primary), 0.1);
  color: var(--primary);
}

.priority-item.active {
  background: rgba(var(--primary), 0.1);
  color: var(--primary);
} 